// 引入相应的模块
var path = require('path');

// 导入插件
// 用来统一处理散落在各地的css文件
var ExtractTextPlugin = require('extract-text-webpack-plugin');

var config = {
	// 入口文件的配置
	entry: {
		main: './main', // 配置入口文件的地址，单入口
	},
	// 
	output: {
		path: path.join(__dirname, './dist'), // 打包后的文件输出目录，必填项
		publicPath: '/dist/', // 指定资源文件引用的目录，可填CDN网址
		filename: 'main.js' 	// 指定输出文件名称
	},
	// 模块
	module: {
		// 编译规则
		rules: [
			{
				test: /\.css$/,
				// 不使用插件，此时的css代码会以内联样式的形式出现在引入该文件的代码中
				// use: [
				// 	'style-loader',
				// 	'css-loader'
				// ]
				use: ExtractTextPlugin.extract({
					use: 'css-loader',
					fallback: 'style-loader'
				})

			}
		]
	},
	// 插件
	plugins: [
		// 重命名提取后的css文件
		new ExtractTextPlugin("main.css")
	]
};

module.exports = config;
